<template>
     <van-skeleton title :row="3" v-if="gj" />
    <div v-else>
        
<van-nav-bar title="首页" left-text="返回" left-arrow @click-left="onClickLeft" />
        <van-tabs v-model:active="active">
            <van-tab title="采购说明">

                <van-swipe :autoplay="3000" lazy-render>
                    <van-swipe-item v-for="image in images" :key="image">
                        <img :src="image"  style="width: 100%;height: 200px;" />
                    </van-swipe-item>
                </van-swipe>


            </van-tab>
            <van-tab title="商品详情">内容 2</van-tab>
            <van-tab title="规格参数">内容 3</van-tab>
            <van-tab title="销售数据">内容 4</van-tab>
        </van-tabs>
    </div>
</template>

<script setup>
const images = [
    'https://fastly.jsdelivr.net/npm/@vant/assets/apple-1.jpeg',
    'https://fastly.jsdelivr.net/npm/@vant/assets/apple-2.jpeg',
    'https://fastly.jsdelivr.net/npm/@vant/assets/apple-3.jpeg',
    'https://fastly.jsdelivr.net/npm/@vant/assets/apple-4.jpeg',
];
const active = ref(0);
import { ref } from 'vue';
let gj = ref(true);
setTimeout(() => {
    gj.value = false
}, 1000)
</script>

<style lang="scss" scoped></style>